
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script src="../js/pixi.min.js"></script>
		<script type="text/javascript">
			var app=new PIXI.Application(1000,600);
			document.body.appendChild(app.view);
			function add(src,x,y,shi){
				var yuans=new PIXI.Sprite.fromImage(src);
				yuans.x=x;
				yuans.y=y;
				app.stage.addChild(yuans);
				yuans.buttonMode=true;
				yuans.interactive=true;
				return yuans;
			}
			var gj= add("img/bg1.png",0,0);
			var jk= add("img/jack.png",300,200);
			//元素锚点
			/*
				元素名.anchor.x= :0~1;
				元素名.anchor.y=:0~1;
				anchor.set(x值,y值);0.5是元素的中心
			*/ 
			jk.anchor.set(0.5,0.3);
			//gj.on("mousemove",click1);
			jk.on("mousemove",mousemove1);
			
			//鼠标跟随事件
			//event参数是被触发时的事件、事件名称、触发事件位置信息等
			//通过event获取事件触发时的鼠标位置 在app.stage上的鼠标的位置
			function click1(event){
				//event.data.getLovaslPosition()获取本地位置
				//app.stage视窗
				//poa获取的值 x y 的位置
				//parseInt()去掉小数点
				//math.ceil()向上取整
			var poa=event.data.getLocalPosition(app.stage);
			console.log(poa.x+"      "+poa.y);
			}
			jk.x=500;
			function mousemove1(event){
				var  gj= event.data.getLocalPosition(app.stage);
				jk.x=gj.x;
				jk.y=gj.y;
			}
			
			
		</script>
	</body>
</html>